<template>
	<div class="find">
		<!-- 顶部导航 -->
		<van-sticky>
			<van-nav-bar ref="navbar" title="发现" />
		</van-sticky>
		<!-- 选项卡 -->
		<van-tabs sticky :offset-top="offsetTop" v-model="active" title-active-color="#ee0a24" :swipe-threshold="6">
			<van-tab title="新品">
				<panel-card v-for="(item,index) in 1" :key="index"></panel-card>
			</van-tab>
			<van-tab title="美妆">
				<div>
					<div class="panel-card">
						<!-- 用户信息 -->
						<div class="container">
							<van-row type="flex" justify="space-between" align="center">
								<van-col class="user-info">
									<div class="user-avatar">
										<van-image width="40" height="40" lazy-load src="https://t00img.yangkeduo.com/goods/images/2019-01-22/5fb17dd58118a035cfe323de54eef1bc.jpeg?imageView2/2/w/1300/q/80"
										 type="contain" />
									</div>
									<div class="user-name-time">
										<div class="name">自然堂</div>
										<div class="time">12:52</div>
									</div>
								</van-col>
								<van-col class="scan">80286阅读</van-col>
							</van-row>
							<!-- 标题 -->
							<div class="title">自然堂面膜喜马拉雅补水保湿面膜组合紧致肌肤化妆品正品20-40片</div>
							<!-- 图片 -->
							<van-row class="img-wrapper">
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/goods/2020-06-17/498229644e37b7835fc89d33a6450c2c.jpeg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/openapi/images/2019-07-25/eacfbac1314218682cf838631977e238.jpg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/openapi/images/2019-07-25/d2021038bf66b4a44952dc9766301de8.jpg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/openapi/images/2019-07-25/2b2e046a744b65c7140d5475cd51b84f.jpg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/openapi/images/2019-07-25/9908a7c28800f59f15950e7d5f1f1970.jpg"
									 type="contain" />
								</van-col>
							</van-row>
							<!-- 收藏,转发,采购 -->
							<van-row class="favorite-share" type="flex" justify="space-between" align="center">
								<van-col>
									<van-icon size=".5rem" name="good-job-o" />点赞</van-icon>
								</van-col>
								<van-col>
									<van-icon size=".5rem" name="star-o" />收藏</van-icon>
								</van-col>
								<van-col>
									<van-icon size=".5rem" name="share" /> 转发</van-icon>
								</van-col>
							</van-row>
						</div>
					</div>
					<div class="panel-card">
						<!-- 用户信息 -->
						<div class="container">
							<van-row type="flex" justify="space-between" align="center">
								<van-col class="user-info">
									<div class="user-avatar">
										<van-image width="40" height="40" lazy-load src="https://t16img.yangkeduo.com/pdd_ims/mainObject/v1/pub_202006180e3a89f1be7d4cf99e69155c87ce41fa.jpg?imageView2/2/w/1300/q/80"
										 type="contain" />
									</div>
									<div class="user-name-time">
										<div class="name">RECIPE水晶专卖店</div>
										<div class="time">12:20</div>
									</div>
								</van-col>
								<van-col class="scan">90102阅读</van-col>
							</van-row>
							<!-- 标题 -->
							<div class="title">【临期清仓特价】玥之秘RECIPE雪花防晒喷雾全新未拆封防伪可查</div>
							<!-- 图片 -->
							<van-row class="img-wrapper">
								<van-col :span="8">
									<van-image lazy-load src="https://img.pddpic.com/mms-material-img/2020-07-30/c5ab7bc6-66c8-495f-bbf0-c16385098a1f.jpg.a.jpeg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://img.pddpic.com/mms-material-img/2020-07-30/96ce83a0-ac11-4a91-a019-02326a15d10c.jpg.a.jpeg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://img.pddpic.com/mms-material-img/2020-07-30/9ffcca4d-b88b-4cc1-a942-c7c0cb1ecb02.jpg.a.jpeg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://img.pddpic.com/mms-material-img/2020-07-30/7c62f5dd-5aaa-4cde-82e0-d904affc6c20.jpg.a.jpeg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://img.pddpic.com/mms-material-img/2020-07-30/220141b8-7f1c-4dfe-9890-9edad7a07c01.jpg.a.jpeg"
									 type="contain" />
								</van-col>
							</van-row>
							<!-- 收藏,转发,采购 -->
							<van-row class="favorite-share" type="flex" justify="space-between" align="center">
								<van-col>
									<van-icon size=".5rem" name="good-job-o" />点赞</van-icon>
								</van-col>
								<van-col>
									<van-icon size=".5rem" name="star-o" />收藏</van-icon>
								</van-col>
								<van-col>
									<van-icon size=".5rem" name="share" /> 转发</van-icon>
								</van-col>
							</van-row>
						</div>
					</div>	
					<div class="panel-card">
						<!-- 用户信息 -->
						<div class="container">
							<van-row type="flex" justify="space-between" align="center">
								<van-col class="user-info">
									<div class="user-avatar">
										<van-image width="40" height="40" lazy-load src="https://t13img.yangkeduo.com/promo/2019-11-12/116438.jpeg?imageView2/2/w/1300/q/80"
										 type="contain" />
									</div>
									<div class="user-name-time">
										<div class="name">尔木萄</div>
										<div class="time">9:43</div>
									</div>
								</van-col>
								<van-col class="scan">52360阅读</van-col>
							</van-row>
							<!-- 标题 -->
							<div class="title">韩国AMORTALS尔木萄眼影盘情书16色ins超火便携四色平价官方旗舰</div>
							<!-- 图片 -->
							<van-row class="img-wrapper">
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/goods/images/2020-05-23/89d4e4b9-e673-441f-a19f-9bc4dbe5a3cf.jpg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/goods/images/2020-05-23/60ced714-3c08-4194-bb68-d1ae0d4c33ed.jpg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/goods/images/2020-05-23/a5868259-bc4f-439b-b07b-37cffb035533.jpg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/goods/images/2020-05-23/95bde828-1020-4414-a773-7697d14e62d4.jpg"
									 type="contain" />
								</van-col>
							</van-row>
							<!-- 收藏,转发,采购 -->
							<van-row class="favorite-share" type="flex" justify="space-between" align="center">
								<van-col>
									<van-icon size=".5rem" name="good-job-o" />点赞</van-icon>
								</van-col>
								<van-col>
									<van-icon size=".5rem" name="star-o" />收藏</van-icon>
								</van-col>
								<van-col>
									<van-icon size=".5rem" name="share" /> 转发</van-icon>
								</van-col>
							</van-row>
						</div>
					</div>
					<div class="panel-card">
						<!-- 用户信息 -->
						<div class="container">
							<van-row type="flex" justify="space-between" align="center">
								<van-col class="user-info">
									<div class="user-avatar">
										<van-image width="40" height="40" lazy-load src="https://t00img.yangkeduo.com/goods/images/2019-04-10/bfebaa93f7ed2d0601f23cf612f5d1e7.jpeg?imageView2/2/w/1300/q/80"
										 type="contain" />
									</div>
									<div class="user-name-time">
										<div class="name">芙丽芳丝</div>
										<div class="time">8:32</div>
									</div>
								</van-col>
								<van-col class="scan">62536阅读</van-col>
							</van-row>
							<!-- 标题 -->
							<div class="title">Freeplus/芙丽芳丝 氨基酸系洗面奶洁面进口深层清洁温和男女100g</div>
							<!-- 图片 -->
							<van-row class="img-wrapper">
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/goods/images/2020-05-21/df4daff2-6943-4cac-8ed8-7f81dafdf80e.jpg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/goods/images/2020-05-21/b3888cb3-d554-4fd6-bfca-315e55af6e4b.jpg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/goods/images/2020-05-21/c63802c0-445b-4581-af1d-ba7c4af9ffe0.jpg"
									 type="contain" />
								</van-col>
							</van-row>
							<!-- 收藏,转发,采购 -->
							<van-row class="favorite-share" type="flex" justify="space-between" align="center">
								<van-col>
									<van-icon size=".5rem" name="good-job-o" />点赞</van-icon>
								</van-col>
								<van-col>
									<van-icon size=".5rem" name="star-o" />收藏</van-icon>
								</van-col>
								<van-col>
									<van-icon size=".5rem" name="share" /> 转发</van-icon>
								</van-col>
							</van-row>
						</div>
					</div>
					<div class="panel-card">
						<!-- 用户信息 -->
						<div class="container">
							<van-row type="flex" justify="space-between" align="center">
								<van-col class="user-info">
									<div class="user-avatar">
										<van-image width="40" height="40" lazy-load src="https://t13img.yangkeduo.com/promo/2019-11-12/116438.jpeg?imageView2/2/w/1300/q/80"
										 type="contain" />
									</div>
									<div class="user-name-time">
										<div class="name">尔木萄</div>
										<div class="time">7:53</div>
									</div>
								</van-col>
								<van-col class="scan">10396阅读</van-col>
							</van-row>
							<!-- 标题 -->
							<div class="title">正品韩国尔木萄眉笔超细头流星极细眉笔不脱妆易上色李佳琦推荐</div>
							<!-- 图片 -->
							<van-row class="img-wrapper">
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/goods/images/2020-02-17/3ad5674a-cbd9-421d-93e4-b183e83790b6.jpg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/goods/images/2020-02-17/bb2770d9-d9c6-474c-8e2f-ee8516a10452.jpg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/goods/images/2020-02-17/e10cdf08-b527-4970-8b91-1691ffe500cf.jpg"
									 type="contain" />
								</van-col>
							</van-row>
							<!-- 收藏,转发,采购 -->
							<van-row class="favorite-share" type="flex" justify="space-between" align="center">
								<van-col>
									<van-icon size=".5rem" name="good-job-o" />点赞</van-icon>
								</van-col>
								<van-col>
									<van-icon size=".5rem" name="star-o" />收藏</van-icon>
								</van-col>
								<van-col>
									<van-icon size=".5rem" name="share" /> 转发</van-icon>
								</van-col>
							</van-row>
						</div>
					</div>
				</div>
			</van-tab>
			<van-tab title="推荐">
				<div>
					<div class="panel-card">
						<!-- 用户信息 -->
						<div class="container">
							<van-row type="flex" justify="space-between" align="center">
								<van-col class="user-info">
									<div class="user-avatar">
										<van-image width="40" height="40" lazy-load src="https://t16img.yangkeduo.com/pdd_ims/mainObject/v1/pub_202006180e3a89f1be7d4cf99e69155c87ce41fa.jpg?imageView2/2/w/1300/q/80"
										 type="contain" />
									</div>
									<div class="user-name-time">
										<div class="name">RECIPE水晶专卖店</div>
										<div class="time">12:20</div>
									</div>
								</van-col>
								<van-col class="scan">90102阅读</van-col>
							</van-row>
							<!-- 标题 -->
							<div class="title">【临期清仓特价】玥之秘RECIPE雪花防晒喷雾全新未拆封防伪可查</div>
							<!-- 图片 -->
							<van-row class="img-wrapper">
								<van-col :span="8">
									<van-image lazy-load src="https://img.pddpic.com/mms-material-img/2020-07-30/c5ab7bc6-66c8-495f-bbf0-c16385098a1f.jpg.a.jpeg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://img.pddpic.com/mms-material-img/2020-07-30/96ce83a0-ac11-4a91-a019-02326a15d10c.jpg.a.jpeg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://img.pddpic.com/mms-material-img/2020-07-30/9ffcca4d-b88b-4cc1-a942-c7c0cb1ecb02.jpg.a.jpeg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://img.pddpic.com/mms-material-img/2020-07-30/7c62f5dd-5aaa-4cde-82e0-d904affc6c20.jpg.a.jpeg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://img.pddpic.com/mms-material-img/2020-07-30/220141b8-7f1c-4dfe-9890-9edad7a07c01.jpg.a.jpeg"
									 type="contain" />
								</van-col>
							</van-row>
							<!-- 收藏,转发,采购 -->
							<van-row class="favorite-share" type="flex" justify="space-between" align="center">
								<van-col>
									<van-icon size=".5rem" name="good-job-o" />点赞</van-icon>
								</van-col>
								<van-col>
									<van-icon size=".5rem" name="star-o" />收藏</van-icon>
								</van-col>
								<van-col>
									<van-icon size=".5rem" name="share" /> 转发</van-icon>
								</van-col>
							</van-row>
						</div>
					</div>
					<div class="panel-card">
						<!-- 用户信息 -->
						<div class="container">
							<van-row type="flex" justify="space-between" align="center">
								<van-col class="user-info">
									<div class="user-avatar">
										<van-image width="40" height="40" lazy-load src="https://t16img.yangkeduo.com/pdd_ims/mainObject/v1/pub_2020070507a9fdb8ce4c4d08ad83f4a326310e16.jpg?imageView2/2/w/1300/q/80"
										 type="contain" />
									</div>
									<div class="user-name-time">
										<div class="name">南极人鹊涵专卖店</div>
										<div class="time">11:32</div>
									</div>
								</van-col>
								<van-col class="scan">40286阅读</van-col>
							</van-row>
							<!-- 标题 -->
							<div class="title">品牌直售 南极人天然泰国乳胶枕头颈椎枕儿童枕头套装成人枕头芯乳胶枕枕芯</div>
							<!-- 图片 -->
							<van-row class="img-wrapper">
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/goods/images/2019-07-22/f26e6adf-c9c3-4c91-87cc-269b6803529a.jpg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/goods/images/2019-06-21/33b034b8-a437-4661-97d8-7e4f7a449e78.jpg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/goods/images/2019-08-07/cb21e855-3018-43ad-8a76-d69e04ddcc2b.jpg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/goods/images/2019-08-07/8a8a5a19-99f9-4f88-9419-5d5a48fdf5f9.jpg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/goods/images/2019-08-07/10173b3f-c311-428e-b8f6-2363d2dc6391.jpg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/goods/images/2019-08-07/24d37ef4-c647-49f6-b1fe-2a91baed25bd.jpg"
									 type="contain" />
								</van-col>
							</van-row>
							<!-- 收藏,转发,采购 -->
							<van-row class="favorite-share" type="flex" justify="space-between" align="center">
								<van-col>
									<van-icon size=".5rem" name="good-job-o" />点赞</van-icon>
								</van-col>
								<van-col>
									<van-icon size=".5rem" name="star-o" />收藏</van-icon>
								</van-col>
								<van-col>
									<van-icon size=".5rem" name="share" /> 转发</van-icon>
								</van-col>
							</van-row>
						</div>
					</div>
					<div class="panel-card">
						<!-- 用户信息 -->
						<div class="container">
							<van-row type="flex" justify="space-between" align="center">
								<van-col class="user-info">
									<div class="user-avatar">
										<van-image width="40" height="40" lazy-load src="https://t00img.yangkeduo.com/goods/images/2018-08-29/f08f7348b97f50ca34f701aef6cb5ba6.jpeg?imageView2/2/w/1300/q/80"
										 type="contain" />
									</div>
									<div class="user-name-time">
										<div class="name">Apple</div>
										<div class="time">10:53</div>
									</div>
								</van-col>
								<van-col class="scan">150226阅读</van-col>
							</van-row>
							<!-- 标题 -->
							<div class="title">【百亿补贴 正品保证】Apple AirPods 2 蓝牙耳机适用iPhone/iPad/Apple Watch</div>
							<!-- 图片 -->
							<van-row class="img-wrapper">
								<van-col :span="8">
									<van-image lazy-load src="https://img.pddpic.com/mms-material-img/2020-06-19/1df28bd9-d0da-4e43-b438-cf36ec352306.jpg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/goods/images/2020-04-22/839ff01e-5a48-4479-9ba0-42ab8bb718b6.jpg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/goods/images/2020-04-22/f556383a-0cb5-4012-aebe-dbc33333c005.jpg"
									 type="contain" />
								</van-col>
							</van-row>
							<!-- 收藏,转发,采购 -->
							<van-row class="favorite-share" type="flex" justify="space-between" align="center">
								<van-col>
									<van-icon size=".5rem" name="good-job-o" />点赞</van-icon>
								</van-col>
								<van-col>
									<van-icon size=".5rem" name="star-o" />收藏</van-icon>
								</van-col>
								<van-col>
									<van-icon size=".5rem" name="share" /> 转发</van-icon>
								</van-col>
							</van-row>
						</div>
					</div>
					<div class="panel-card">
						<!-- 用户信息 -->
						<div class="container">
							<van-row type="flex" justify="space-between" align="center">
								<van-col class="user-info">
									<div class="user-avatar">
										<van-image width="40" height="40" lazy-load src="https://t00img.yangkeduo.com/goods/images/2020-04-19/b164ae6d-45d7-42c3-b44c-2e6e2a57d35e_suffix.jpg?imageView2/2/w/1300/q/80"
										 type="contain" />
									</div>
									<div class="user-name-time">
										<div class="name">国美电器官方旗舰店</div>
										<div class="time">9:43</div>
									</div>
								</van-col>
								<van-col class="scan">95620阅读</van-col>
							</van-row>
							<!-- 标题 -->
							<div class="title">正品发票 九阳电饭煲 智能电饭锅3升不粘内胆多功能家用预约煮饭JYF-30FE09</div>
							<!-- 图片 -->
							<van-row class="img-wrapper">
								<van-col :span="8">
									<van-image lazy-load src="https://img.pddpic.com/mms-material-img/2020-06-30/5e92d608-9880-4250-ab86-61426a8f04b9.jpeg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://img.pddpic.com/mms-material-img/2020-06-30/86537eda-2a55-4963-824b-4d641b272e2c.jpeg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://img.pddpic.com/mms-material-img/2020-06-30/993846e5-50a1-4d7d-9a71-80f31625c80d.jpeg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://img.pddpic.com/mms-material-img/2020-06-30/096ce65d-c83d-49f7-b292-0e6713661a3f.jpeg"
									 type="contain" />
								</van-col>
							</van-row>
							<!-- 收藏,转发,采购 -->
							<van-row class="favorite-share" type="flex" justify="space-between" align="center">
								<van-col>
									<van-icon size=".5rem" name="good-job-o" />点赞</van-icon>
								</van-col>
								<van-col>
									<van-icon size=".5rem" name="star-o" />收藏</van-icon>
								</van-col>
								<van-col>
									<van-icon size=".5rem" name="share" /> 转发</van-icon>
								</van-col>
							</van-row>
						</div>
					</div>
					<div class="panel-card">
						<!-- 用户信息 -->
						<div class="container">
							<van-row type="flex" justify="space-between" align="center">
								<van-col class="user-info">
									<div class="user-avatar">
										<van-image width="40" height="40" lazy-load src="https://t00img.yangkeduo.com/goods/images/2019-04-10/bfebaa93f7ed2d0601f23cf612f5d1e7.jpeg?imageView2/2/w/1300/q/80"
										 type="contain" />
									</div>
									<div class="user-name-time">
										<div class="name">芙丽芳丝</div>
										<div class="time">8:32</div>
									</div>
								</van-col>
								<van-col class="scan">62536阅读</van-col>
							</van-row>
							<!-- 标题 -->
							<div class="title">Freeplus/芙丽芳丝 氨基酸系洗面奶洁面进口深层清洁温和男女100g</div>
							<!-- 图片 -->
							<van-row class="img-wrapper">
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/goods/images/2020-05-21/df4daff2-6943-4cac-8ed8-7f81dafdf80e.jpg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/goods/images/2020-05-21/b3888cb3-d554-4fd6-bfca-315e55af6e4b.jpg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/goods/images/2020-05-21/c63802c0-445b-4581-af1d-ba7c4af9ffe0.jpg"
									 type="contain" />
								</van-col>
							</van-row>
							<!-- 收藏,转发,采购 -->
							<van-row class="favorite-share" type="flex" justify="space-between" align="center">
								<van-col>
									<van-icon size=".5rem" name="good-job-o" />点赞</van-icon>
								</van-col>
								<van-col>
									<van-icon size=".5rem" name="star-o" />收藏</van-icon>
								</van-col>
								<van-col>
									<van-icon size=".5rem" name="share" /> 转发</van-icon>
								</van-col>
							</van-row>
						</div>
					</div>
				</div>
			</van-tab>
			<van-tab title="关注">
				<div>
					<div class="panel-card">
						<!-- 用户信息 -->
						<div class="container">
							<van-row type="flex" justify="space-between" align="center">
								<van-col class="user-info">
									<div class="user-avatar">
										<van-image width="40" height="40" lazy-load src="https://t16img.yangkeduo.com/pdd_ims/mainObject/v1/pub_2020070507a9fdb8ce4c4d08ad83f4a326310e16.jpg?imageView2/2/w/1300/q/80"
										 type="contain" />
									</div>
									<div class="user-name-time">
										<div class="name">La Chapelle+男装旗舰店</div>
										<div class="time">11:21</div>
									</div>
								</van-col>
								<van-col class="scan">20122阅读</van-col>
							</van-row>
							<!-- 标题 -->
							<div class="title">新品发布~~潮男必备~La Chapelle+纯棉短袖t恤男夏季韩版潮流帅气体恤宽松圆领ins男装</div>
							<!-- 图片 -->
							<van-row class="img-wrapper">
								<van-col :span="8">
									<van-image lazy-load src="https://img.pddpic.com/mms-material-img/2020-07-15/64aba858-901a-410d-b718-d9c0149112c6.jpg.a.jpeg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://img.pddpic.com/mms-material-img/2020-07-15/45faff41-6fc7-48ec-81e6-08ed8d76e2c3.jpg.a.jpeg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://img.pddpic.com/mms-material-img/2020-07-15/275dfb86-57ab-41b0-a4f3-07eb22f1bfea.jpg.a.jpeg"
									 type="contain" />
								</van-col>
							</van-row>
							<!-- 收藏,转发,采购 -->
							<van-row class="favorite-share" type="flex" justify="space-between" align="center">
								<van-col>
									<van-icon size=".5rem" name="good-job-o" />点赞</van-icon>
								</van-col>
								<van-col>
									<van-icon size=".5rem" name="star-o" />收藏</van-icon>
								</van-col>
								<van-col>
									<van-icon size=".5rem" name="share" /> 转发</van-icon>
								</van-col>
							</van-row>
						</div>
					</div>
					<div class="panel-card">
						<!-- 用户信息 -->
						<div class="container">
							<van-row type="flex" justify="space-between" align="center">
								<van-col class="user-info">
									<div class="user-avatar">
										<van-image width="40" height="40" lazy-load src="https://t16img.yangkeduo.com/pdd_ims/mainObject/v1/pub_2020070507a9fdb8ce4c4d08ad83f4a326310e16.jpg?imageView2/2/w/1300/q/80"
										 type="contain" />
									</div>
									<div class="user-name-time">
										<div class="name">La Chapelle+男装旗舰店</div>
										<div class="time">10:32</div>
									</div>
								</van-col>
								<van-col class="scan">30256阅读</van-col>
							</van-row>
							<!-- 标题 -->
							<div class="title">新品发布~ 宽松裤子 男 La Chapelle+男士纯棉短裤夏季薄款宽松运动五分裤直筒迷彩沙滩裤</div>
							<!-- 图片 -->
							<van-row class="img-wrapper">
								<van-col :span="8">
									<van-image lazy-load src="https://img.pddpic.com/mms-material-img/2020-07-26/ce4b87e7-55db-49db-910e-2100ce9debdd.jpg.a.jpeg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://img.pddpic.com/mms-material-img/2020-07-26/0eaee857-a0dd-456a-b20d-771ffc7a4c19.jpg.a.jpeg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://img.pddpic.com/mms-material-img/2020-07-26/457cfade-7247-4d2f-a38c-2c8b0c169a60.jpg.a.jpeg"
									 type="contain" />
								</van-col>
							</van-row>
							<!-- 收藏,转发,采购 -->
							<van-row class="favorite-share" type="flex" justify="space-between" align="center">
								<van-col>
									<van-icon size=".5rem" name="good-job-o" />点赞</van-icon>
								</van-col>
								<van-col>
									<van-icon size=".5rem" name="star-o" />收藏</van-icon>
								</van-col>
								<van-col>
									<van-icon size=".5rem" name="share" /> 转发</van-icon>
								</van-col>
							</van-row>
						</div>
					</div>
					<div class="panel-card">
						<!-- 用户信息 -->
						<div class="container">
							<van-row type="flex" justify="space-between" align="center">
								<van-col class="user-info">
									<div class="user-avatar">
										<van-image width="40" height="40" lazy-load src="https://t00img.yangkeduo.com/goods/images/2020-05-15/63cc987c-06f6-4f52-bb37-076780c82c92_suffix.jpg?imageView2/2/w/1300/q/80"
										 type="contain" />
									</div>
									<div class="user-name-time">
										<div class="name">植护秘觉旗舰店</div>
										<div class="time">10:12</div>
									</div>
								</van-col>
								<van-col class="scan">50226阅读</van-col>
							</van-row>
							<!-- 标题 -->
							<div class="title">四川省特卖~！！植护30包24包原木纸巾抽纸巾批发家用整箱妇婴卫生纸面巾餐巾纸 家用纸巾批发</div>
							<!-- 图片 -->
							<van-row class="img-wrapper">
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/goods/images/2020-06-18/a9703108898ed823c7e9952850b8cd35.jpeg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/goods/images/2020-05-18/2259b6ed157256356be5c6ccbe6327e8.png"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/goods/images/2020-04-30/dca732fb8947e6e8c5c2f73e40a234db.jpeg"
									 type="contain" />
								</van-col>
							</van-row>
							<!-- 收藏,转发,采购 -->
							<van-row class="favorite-share" type="flex" justify="space-between" align="center">
								<van-col>
									<van-icon size=".5rem" name="good-job-o" />点赞</van-icon>
								</van-col>
								<van-col>
									<van-icon size=".5rem" name="star-o" />收藏</van-icon>
								</van-col>
								<van-col>
									<van-icon size=".5rem" name="share" /> 转发</van-icon>
								</van-col>
							</van-row>
						</div>
					</div>
					<div class="panel-card">
						<!-- 用户信息 -->
						<div class="container">
							<van-row type="flex" justify="space-between" align="center">
								<van-col class="user-info">
									<div class="user-avatar">
										<van-image width="40" height="40" lazy-load src="https://t00img.yangkeduo.com/goods/images/2018-08-28/be1c850ba4c0ca631e34db75f0f99b90.png?imageView2/2/w/1300/q/80"
										 type="contain" />
									</div>
									<div class="user-name-time">
										<div class="name">花王</div>
										<div class="time">9:56</div>
									</div>
								</van-col>
								<van-col class="scan">95620阅读</van-col>
							</van-row>
							<!-- 标题 -->
							<div class="title">特惠价 正品全球购 3支日本进口花王防蛀固齿美白成人牙膏去黄去口臭大白牙膏家庭装</div>
							<!-- 图片 -->
							<van-row class="img-wrapper">
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/goods/images/2020-05-20/c59ead17-9eb8-4e5e-b2ca-219ea0aba3c1.jpg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/goods/images/2020-01-09/ac52ef18-3135-4196-b510-b8b2e23a2b0a.jpg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/goods/images/2019-12-25/5c725221-90e2-4d37-bff7-c1b5d909c6a0.jpg"
									 type="contain" />
								</van-col>
							</van-row>
							<!-- 收藏,转发,采购 -->
							<van-row class="favorite-share" type="flex" justify="space-between" align="center">
								<van-col>
									<van-icon size=".5rem" name="good-job-o" />点赞</van-icon>
								</van-col>
								<van-col>
									<van-icon size=".5rem" name="star-o" />收藏</van-icon>
								</van-col>
								<van-col>
									<van-icon size=".5rem" name="share" /> 转发</van-icon>
								</van-col>
							</van-row>
						</div>
					</div>
					<div class="panel-card">
						<!-- 用户信息 -->
						<div class="container">
							<van-row type="flex" justify="space-between" align="center">
								<van-col class="user-info">
									<div class="user-avatar">
										<van-image width="40" height="40" lazy-load src="https://t16img.yangkeduo.com/pdd_ims/img_check/v2/FFFFFF2D6EE407null/0e282012387f4babbfd4cb34dbc14b0f.jpg?imageView2/2/w/1300/q/80"
										 type="contain" />
									</div>
									<div class="user-name-time">
										<div class="name">光锥文化用品专营店</div>
										<div class="time">9:42</div>
									</div>
								</van-col>
								<van-col class="scan">61336阅读</van-col>
							</van-row>
							<!-- 标题 -->
							<div class="title">学霸必备！！养成学习的好习惯！创意每日计划本单词本笔记本记事本中考高考学生考研学习自律打卡</div>
							<!-- 图片 -->
							<van-row class="img-wrapper">
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/goods/images/2019-10-19/9580d96d-aeb0-4db2-850e-e4396df09c47.jpg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/goods/images/2020-03-16/7221d0ef-9aee-4a0c-a9fe-593f98938eab.jpg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/goods/images/2019-10-19/12c0d618-372e-4c15-a555-7215bffab71a.jpg"
									 type="contain" />
								</van-col>
							</van-row>
							<!-- 收藏,转发,采购 -->
							<van-row class="favorite-share" type="flex" justify="space-between" align="center">
								<van-col>
									<van-icon size=".5rem" name="good-job-o" />点赞</van-icon>
								</van-col>
								<van-col>
									<van-icon size=".5rem" name="star-o" />收藏</van-icon>
								</van-col>
								<van-col>
									<van-icon size=".5rem" name="share" /> 转发</van-icon>
								</van-col>
							</van-row>
						</div>
					</div>
				</div>
			</van-tab>
			<van-tab title="晒单">
				<div>
					<div class="panel-card">
						<!-- 用户信息 -->
						<div class="container">
							<van-row type="flex" justify="space-between" align="center">
								<van-col class="user-info">
									<div class="user-avatar">
										<van-image width="40" height="40" lazy-load src="http://img1.mukewang.com/5b8cf26f0001b4f402000190-100-100.jpg"
										 type="contain" />
									</div>
									<div class="user-name-time">
										<div class="name">一个神一样的男人</div>
										<div class="time">19:25</div>
									</div>
								</van-col>
								<van-col class="scan">3412阅读</van-col>
							</van-row>
							<!-- 标题 -->
							<div class="title">这家的酸辣粉真的好吃！便宜又划算！！！物流超快，服务态度也很好，满意哦！！！</div>
							<!-- 图片 -->
							<van-row class="img-wrapper">
								<van-col :span="8">
									<van-image lazy-load src="http://images.pinduoduo.com/mrk/2019-11-10/94094de2-34d5-4ecd-a326-bf564f5f83ee.jpg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/goods/images/2020-05-23/3346828d-b0d3-48ac-8fae-3f79f05d0e1d.jpg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/goods/images/2020-05-23/296ea1a1-bb0d-420c-bb12-2d2fdd1eb51b.jpg"
									 type="contain" />
								</van-col>
							</van-row>
							<!-- 收藏,转发,采购 -->
							<van-row class="favorite-share" type="flex" justify="space-between" align="center">
								<van-col>
									<van-icon size=".5rem" name="good-job-o" />点赞</van-icon>
								</van-col>
								<van-col>
									<van-icon size=".5rem" name="star-o" />收藏</van-icon>
								</van-col>
								<van-col>
									<van-icon size=".5rem" name="share" /> 转发</van-icon>
								</van-col>
							</van-row>
						</div>
					</div>
					<div class="panel-card">
						<!-- 用户信息 -->
						<div class="container">
							<van-row type="flex" justify="space-between" align="center">
								<van-col class="user-info">
									<div class="user-avatar">
										<van-image width="40" height="40" lazy-load src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=1097487537,2838599435&fm=26&gp=0.jpg"
										 type="contain" />
									</div>
									<div class="user-name-time">
										<div class="name">荷塘月色</div>
										<div class="time">10:32</div>
									</div>
								</van-col>
								<van-col class="scan">2025阅读</van-col>
							</van-row>
							<!-- 标题 -->
							<div class="title">这唇膏简直就是干唇星人的救星呀~涂上之后特别滋润，再也不怕唇部脱皮啦！！涂口红之前的唇部打底也可以用它来解决呢！！棒棒哒！！</div>
							<!-- 图片 -->
							<van-row class="img-wrapper">
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/goods/images/2020-06-16/8dc13b1a-32b9-4033-8358-b1bc5e5d5b6f.jpg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/goods/images/2020-06-16/e11f76f4-614f-4e90-8605-70edbb5ab543.jpg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/goods/images/2020-06-16/0d167e5a-76ec-4eaa-8352-465065f6b870.jpg"
									 type="contain" />
								</van-col>
							</van-row>
							<!-- 收藏,转发,采购 -->
							<van-row class="favorite-share" type="flex" justify="space-between" align="center">
								<van-col>
									<van-icon size=".5rem" name="good-job-o" />点赞</van-icon>
								</van-col>
								<van-col>
									<van-icon size=".5rem" name="star-o" />收藏</van-icon>
								</van-col>
								<van-col>
									<van-icon size=".5rem" name="share" /> 转发</van-icon>
								</van-col>
							</van-row>
						</div>
					</div>
					<div class="panel-card">
						<!-- 用户信息 -->
						<div class="container">
							<van-row type="flex" justify="space-between" align="center">
								<van-col class="user-info">
									<div class="user-avatar">
										<van-image width="40" height="40" lazy-load src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=4013104895,301211901&fm=11&gp=0.jpg"
										 type="contain" />
									</div>
									<div class="user-name-time">
										<div class="name">剪刀手</div>
										<div class="time">9:12</div>
									</div>
								</van-col>
								<van-col class="scan">3026阅读</van-col>
							</van-row>
							<!-- 标题 -->
							<div class="title">这个蛋黄酥太好吃啦！收到快递拿回家拆了之后吃到停不下来！！家里小孩也爱吃~下次还来买！！</div>
							<!-- 图片 -->
							<van-row class="img-wrapper">
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/goods/images/2020-08-02/53bfc446460e4f65d6c7b8be48d32ba1.jpeg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/goods/images/2020-06-08/b44a57e1-bd82-4520-b0cc-dd9b2cb2a625.jpg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/goods/images/2020-06-08/11bd90e6-4e70-40e7-af0b-3e5b2203cfb1.jpg"
									 type="contain" />
								</van-col>
							</van-row>
							<!-- 收藏,转发,采购 -->
							<van-row class="favorite-share" type="flex" justify="space-between" align="center">
								<van-col>
									<van-icon size=".5rem" name="good-job-o" />点赞</van-icon>
								</van-col>
								<van-col>
									<van-icon size=".5rem" name="star-o" />收藏</van-icon>
								</van-col>
								<van-col>
									<van-icon size=".5rem" name="share" /> 转发</van-icon>
								</van-col>
							</van-row>
						</div>
					</div>
					<div class="panel-card">
						<!-- 用户信息 -->
						<div class="container">
							<van-row type="flex" justify="space-between" align="center">
								<van-col class="user-info">
									<div class="user-avatar">
										<van-image width="40" height="40" lazy-load src="https://dss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3831015482,2324234851&fm=26&gp=0.jpg"
										 type="contain" />
									</div>
									<div class="user-name-time">
										<div class="name">水木年华</div>
										<div class="time">8:56</div>
									</div>
								</van-col>
								<van-col class="scan">9520阅读</van-col>
							</van-row>
							<!-- 标题 -->
							<div class="title">这个小浣熊儿童沐浴露非常清爽，也比较温和，用了之后皮肤比较光滑，送过来的时候包装也是比较完整的！！</div>
							<!-- 图片 -->
							<van-row class="img-wrapper">
								<van-col :span="8">
									<van-image lazy-load src="https://t00img.yangkeduo.com/goods/images/2020-07-25/20bf64479a24ab236d42cc19c94d73bd.jpeg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://img.pddpic.com/mms-material-img/2020-06-07/f0a4334a-f23a-4cad-a048-cc2424a043eb.jpeg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://img.pddpic.com/mms-material-img/2020-07-24/f7b20a6d-70bc-4139-aed1-03877507ece4.jpg.a.jpeg"
									 type="contain" />
								</van-col>
							</van-row>
							<!-- 收藏,转发,采购 -->
							<van-row class="favorite-share" type="flex" justify="space-between" align="center">
								<van-col>
									<van-icon size=".5rem" name="good-job-o" />点赞</van-icon>
								</van-col>
								<van-col>
									<van-icon size=".5rem" name="star-o" />收藏</van-icon>
								</van-col>
								<van-col>
									<van-icon size=".5rem" name="share" /> 转发</van-icon>
								</van-col>
							</van-row>
						</div>
					</div>
					<div class="panel-card">
						<!-- 用户信息 -->
						<div class="container">
							<van-row type="flex" justify="space-between" align="center">
								<van-col class="user-info">
									<div class="user-avatar">
										<van-image width="40" height="40" lazy-load src="https://dss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=1743868239,2934269439&fm=111&gp=0.jpg"
										 type="contain" />
									</div>
									<div class="user-name-time">
										<div class="name">雯雯</div>
										<div class="time">8:32</div>
									</div>
								</van-col>
								<van-col class="scan">1136阅读</van-col>
							</van-row>
							<!-- 标题 -->
							<div class="title">有了湿巾夏天方便很多啊，夏天比较热经常出汗，用这个湿巾擦汗之后就比较清爽，这个买一次可以用很久，满意啦！！</div>
							<!-- 图片 -->
							<van-row class="img-wrapper">
								<van-col :span="8">
									<van-image lazy-load src="https://img.pddpic.com/mms-material-img/2020-06-01/ff993f9b-e94b-4cfd-aa19-43cf4618bf61.jpeg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://img.pddpic.com/mms-material-img/2020-06-01/1ae0bb6c-aba7-4e04-9de6-e7a8b5cebf4b.jpeg"
									 type="contain" />
								</van-col>
								<van-col :span="8">
									<van-image lazy-load src="https://t16img.yangkeduo.com/garner-api/8b0785a983f183b571f86fd8724182fc.jpeg" type="contain" />
								</van-col>
							</van-row>
							<!-- 收藏,转发,采购 -->
							<van-row class="favorite-share" type="flex" justify="space-between" align="center">
								<van-col>
									<van-icon size=".5rem" name="good-job-o" />点赞</van-icon>
								</van-col>
								<van-col>
									<van-icon size=".5rem" name="star-o" />收藏</van-icon>
								</van-col>
								<van-col>
									<van-icon size=".5rem" name="share" /> 转发</van-icon>
								</van-col>
							</van-row>
						</div>
					</div>
				</div>
			</van-tab>
		</van-tabs>
		<!-- 底部导航 -->
		<footer-bar></footer-bar>
	</div>
</template>

<script>
	import FooterBar from "../../components/FooterBar";
	import PanelCard from "./base/PanelCard";
	export default {
		components: {
			FooterBar,
			PanelCard
		},
		data() {
			return {
				active: 0,
				offsetTop: null
			};
		},
		mounted() {
			this.offsetTop = this.$refs.navbar.offsetHeight;
		},
		methods: {}
	};
</script>
<style lang="scss" scoped>
	.panel-card {
		padding: 10px;
		padding-bottom: 0;

		.container {
			background-color: #fff;
			border-radius: 5px;
			padding: 10px;

			// 用户信息
			.user-info {
				display: flex;

				.user-avatar {
					margin-right: 5px;
				}

				.user-name-time {
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					padding: 3px;

					.name {
						color: #000;
						font-weight: bold;
					}
				}
			}

			.scan {
				color: #bbb;
			}

			// 标题
			.title {
				margin-top: 5px;
				font-size: 14px;
			}

			.img-wrapper {
				margin-top: 10px;

				.van-col {
					padding: 0 3px;
				}
			}

			.favorite-share {
				margin-top: 5px;

				.van-col {
					display: flex;
					align-items: center;
					color: #aaa;

					span {
						margin-left: 3px;
					}
				}
			}
		}
	}
</style>
